文字の背景の余白指定

◆昨日の日記で取り上げたタグに追加の説明です。◆
　　　これは１行だけに使う方が綺麗です。
　　　何行にもなると文字の幅によってでこぼこの背景に
　　　なってしまいますから・・・。

　♪～こんにちは～♪
　数行になるとこんな感じに
　なってしまうんですよ。
　　　背景色を指定した場合は下のようになりますよね。
　　　これだと、少し窮屈な感じを受けます。

　♪～こんにちは～♪　

　　◆そんな場合には、
　　　padding:○px　を加えると文字の周囲に余白ができます。
　　　○の中には、数字を入れてください。
　　　数字の違う見本を下に書いてみます。
　　　文字の種類や大きさを変えてみても面白いと思います。

　　　●タグです。

　♪こんにちは～♪　

　
　　◆　padding　の数字を　5　にすると・・・

　♪～こんにちは～♪　

　　　●タグです。

　♪～こんにちは～♪　

　　◆　padding　の数字を　10　にすると・・・

　♪～こんにちは～♪　

　　　●タグです。

　♪～こんにちは～♪　

　　◆虹色文字などの場合は、背景を黒にすると綺麗だと思います。
　　　文字サイズを 6 にしたので、padding　は　15px　としてみました。

　♪～こんにちは～♪